草庐IT

HTML5 视频色差 Chrome 和 Internet Explorer

全部标签

javascript - 类似风险(基于区域)的 map 和 HTML/JavaScript

假设我们有一个类似Risk的世界地图,它被划分为自定义形状的区域。如何让用户使用HTML5/JavaScript选择一个单独的区域?我假设Canvas2D是第一步,但接下来呢? 最佳答案 有无数伟大的图书馆。举几个例子:http://d3js.org/http://raphaeljs.com/http://paperjs.org/http://box2d-js.sourceforge.net/http://threejs.org/具体例子:http://bl.ocks.org/mbostock/2206590http://rapha

javascript - chrome 扩展在后台页面和内容脚本下使用相同的 socket.io 连接

我正在使用socket.io做一个chrome扩展,我有一个内容脚本可以保持连接到服务器以进行实时聊天,但我也想在后台页面中从服务器获取一些信息。它像这样分开工作很好在内容脚本中varsocket=io.connect('http://localhost:3700');socket.on('dosomething',function(){console.log("test");});在后台页面varsocket=io.connect('http://localhost:3700');socket.on('dosomething',function(){console.log("test

javascript - 为什么没有定义 html2canvas?

如果我调用这个函数,总是得到“html2canvasisnotdefined”。makeScreenshot:function(button){debugger;html2canvas(document.body,{UncaughtReferenceError:html2canvasisnotdefinedonrendered:function(canvas){document.body.appendChild(canvas);}});},但是为什么?我有一类......就像tutorial写了它。有人有解决方案吗?我想我需要在这里包含html2canvas,但我不知道如何。Ext.d

javascript - 使用 JavaScript 展平 DOM 中的嵌套跨度以优化 HTML 编辑器输出

我需要使用JavaScript重新格式化输入HTML,以便生成的输出HTML始终是的序列包含仅一个或多个的节点节点和每个节点应该包含恰好一个#text节点。举个例子,我想转换如下所示的HTML:Thisisline#1Thisisline#2Thisisline#3Thisisline#4HTML看起来像这样:Thisisline#1Thisisline#2Thisisline#3Thisisline#4额外的,有点离题的信息:文本在TinyMCE编辑器中。HTML需要符合此模式以使应用程序更有用并提供具有可用HTML的PDF输出引擎(wkhtmltopdf如果HTMl变得过于复杂且嵌

javascript - Gridster - 保存 div 的 html 内容以动态加载网格

我已经用gridster做了一些测试,我可以保存一些gridster数据,比如坐标、大小、ids等。但我无法保存填充gridster的div的内容,我可以稍后加载每个元素的gridster坐标。这是我的代码:$(document).ready(function(){vargrid_canvas=$("#homepage>#grid").gridster({widget_margins:[10,10],widget_base_dimensions:[140,140],widget_selector:".gs_w",shift_larger_widgets_down:false,seria

javascript - 如何在不下载的情况下将谷歌字体加载到 chrome 打包的应用程序中?

应该如何加载谷歌字体,我真的必须下载并打包我在我的应用程序中使用的每一种字体吗?我试图避免打包字体,因为它们太多以至于我的应用程序会很大(它是一个网络编辑器)>Refusedtoloadthestylesheet'http://fonts.googleapis.com/css?family=Nunito'becauseitviolatesthefollowingContentSecurityPolicydirective:"style-src'self'data:chrome-extension-resource:'unsafe-inline'".我想我可以将它作为一个blob加载,但

javascript - 是否有一种简单的转换方法可以将 chrome 消息传递转换为 safari 消息传递语法?

我的Chrome扩展程序使用消息传递从后台页面上扩展程序的内置本地存储区域检索各种值。我喜欢chrome消息传递的一点是,它允许您在sendMessage调用中包含一个回调函数,如下所示:chrome.runtime.sendMessage({greeting:"hello"},function(response){console.log(response.farewell);});相应的消息接收代码如下所示(来自Chrome扩展文档的示例代码):chrome.runtime.onMessage.addListener(function(request,sender,sendRespo

javascript - "onclick"事件在 FF 和 Chrome 中不起作用

我在带有onclick属性的div中有一些SVG路径:open()函数定义在一个单独的JS文件中,它在body标签之前实现(就像jQuery文件一样):functionopen(n){$("#information").fadeIn();$("#info"+n).fadeIn();}div#info1,比如div#information里面是一个信息框,全屏半透明黑色背景(类似灯箱的效果).使用Safari一切正常。但是,如果我尝试使用FF或Chrome,当我点击时浏览器似乎加载了一个新页面(这不应该发生)并且它导致没有源代码的空白屏幕。页面可以在这里看到:frank.schufi.c

javascript - 跨网络应用程序和 Chrome 扩展程序共享本地存储对象

我需要将用户配置文件和他的偏好存储在localStorage对象\cookie中,以便它们可以从网络应用程序和chrome扩展程序(基本上是相同的产品)。我找到了thiscoollibrary和thisarticle指定如何使用它。问题是xauth.org已关闭,serverpage也已关闭这是使用库所必需的。任何选择 最佳答案 您可以同时使用localStorage和cookie。如果你注入(inject)一个contentscript在网络应用程序的页面中,其localStorage与域自己的存储共享。然后你可以communic

javascript - 如何使用 Google Chrome 扩展更改所选文本的 CSS

我正在为使用contextMenus更改所选文本的CSS的Chrome浏览器制作一个扩展程序。但我无法访问HTML结构,即所选文本的parentNode,因为在本例中我可以非常轻松地做到这一点。varselection=window.getSelection();如果在浏览器中默认使用,这将返回所选文本的parentNode,稍后我可以使用它来更改CSS。如何使用Chrome浏览器扩展程序实现这一点? 最佳答案 由于Chrome不允许您使用上下文菜单与您单击的元素进行交互,因此您必须创建一个contentscript存储在页面上被右